<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>2048小游戏</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- 游戏头部 -->
    <header>
      <h1>2048</h1>
      <a href="javascript:newgame();" id="newGameBtn">新游戏</a>
      <a href="javascript:kaiGua();" id="kaigua"></a>
      <p>分数：<span id="score">0</span></p>
    </header>
    <!-- 游戏主体 -->
    <section class="grid-container">
      <div class="grid-cell" id="grid-cell-0-0"></div>
      <div class="grid-cell" id="grid-cell-0-1"></div>
      <div class="grid-cell" id="grid-cell-0-2"></div>
      <div class="grid-cell" id="grid-cell-0-3"></div>
      <div class="grid-cell" id="grid-cell-1-0"></div>
      <div class="grid-cell" id="grid-cell-1-1"></div>
      <div class="grid-cell" id="grid-cell-1-2"></div>
      <div class="grid-cell" id="grid-cell-1-3"></div>
      <div class="grid-cell" id="grid-cell-2-0"></div>
      <div class="grid-cell" id="grid-cell-2-1"></div>
      <div class="grid-cell" id="grid-cell-2-2"></div>
      <div class="grid-cell" id="grid-cell-2-3"></div>
      <div class="grid-cell" id="grid-cell-3-0"></div>
      <div class="grid-cell" id="grid-cell-3-1"></div>
      <div class="grid-cell" id="grid-cell-3-2"></div>
      <div class="grid-cell" id="grid-cell-3-3"></div>
    </section>
  </body>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/support.js"></script>
  <script src="./js/animation.js"></script>
  <script src="./js/main.js"></script>
  <script src="./js/game.js"></script>
</html>
